{% load static %}
<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="{% static 'logo.jpg' %}">
    <link rel="stylesheet" href="{% static 'css/iconfont.css' %}">
    <link rel="stylesheet" href="{% static 'css/global.css' %}">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/bootstrap-theme.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/swiper.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
    <script src="{% static 'js/jquery.1.12.4.min.js' %}" charset="UTF-8"></script>
    <script src="{% static 'js/bootstrap.min.js' %}" charset="UTF-8"></script>
    <script src="{% static 'js/swiper.min.js' %}" charset="UTF-8"></script>
    <script src="{% static 'js/global.js' %}" charset="UTF-8"></script>
    <script src="{% static 'js/jquery.DJMask.2.1.1.js' %}" charset="UTF-8"></script>
    <title>X袋网</title>
</head>


<body>
<!-- 顶部tab -->


<div class="tab-header">
    <div class="inner">
        <div class="pull-left">
            <div class="pull-left">嗨，{{ request.session.phone }}欢迎来到<span class="cr">风神科技</span></div>
            <a href="agent_level.html">网店代销</a>
            <a href="../temp_article/udai_article4.html">帮助中心</a>
        </div>
        <div class="pull-right">
            <a href="{% url 'login:login' %}"><span class="cr">登录</span></a>
            <a href="{% url 'login:register' %}">注册</a>
            <a href="{% url 'user:udai_welcome' %}">我的X袋</a>
            <a href="{% url 'order:udai_order' 1%}">我的订单</a>
            <a href="{% url 'user:udai_integral' %}">积分平台</a>

        </div>
    </div>
</div>
<!-- 顶部标题 -->
<div class="bgf5 clearfix">
    <div class="top-user">
        <div class="inner">
            <a class="logo" href="{% url 'goods:index' %}" style="background-image: url({% static 'logo.jpg' %});border-radius: 50%;background-position: center;"></a>
            <div class="title">个人中心</div>
        </div>
    </div>
</div>

<div class="content clearfix bgf5">
    <section class="user-center inner clearfix">

        <div class="pull-left bgf">
            <a href="{% url 'user:udai_welcome' %}" class="title">新光欢迎页</a>
            <dl class="user-center__nav">
                <dt>帐户信息</dt>
                <a href="{% url 'user:udai_setting' %}">
                    <dd>个人资料</dd>
                </a>
                <a href="{% url 'user:udai_treasurer' %}">
                    <dd>资金管理</dd>
                </a>
                <a href="{% url 'user:udai_integral' %}">
                    <dd>积分平台</dd>
                </a>
                <a href="{% url 'user:udai_address' %}">
                    <dd>收货地址</dd>
                </a>
                <a href="{% url 'user:udai_coupon' %}">
                    <dd>我的优惠券</dd>
                </a>
                <a href="{% url 'user:udai_paypwd_modify' %}">
                    <dd>修改支付密码</dd>
                </a>
                <a href="{% url 'user:udai_pwd_modify' %}">
                    <dd>修改登录密码</dd>
                </a>
            </dl>
            <dl class="user-center__nav">
                <dt>订单中心</dt>
                <a href="{% url 'order:udai_order' 1%}">
                    <dd>我的订单</dd>
                </a>
                <a href="{% url 'user:udai_collection' %}">
                    <dd>我的收藏</dd>
                </a>
                <a href="{% url 'user:udai_refund' %}">
                    <dd>退款/退货</dd>
                </a>
            </dl>
            <dl class="user-center__nav">
                <dt>服务中心</dt>
                <a href="{% url 'user:udai_mail_query' %}">
                    <dd>物流查询</dd>
                </a>
                <a href="">
                    <dd>数据自助下载</dd>
                </a>
                <a href="{% url 'user:udai_article1' %}">
                    <dd>售后服务</dd>
                </a>
                <a href="{% url 'user:udai_article2' %}">
                    <dd>配送服务</dd>
                </a>
                <a href="{% url 'user:udai_article3' %}">
                    <dd>用户协议</dd>
                </a>
                <a href="{% url 'user:udai_article4' %}">
                    <dd>常见问题</dd>
                </a>
            </dl>
            <dl class="user-center__nav">
                <dt>新手上路</dt>
                <a href="{% url 'user:udai_article5' %}">
                    <dd>如何成为代理商</dd>
                </a>
                <a href="{% url 'user:udai_article6' %}">
                    <dd>代销商上架教程</dd>
                </a>
                <a href="{% url 'user:udai_article7' %}">
                    <dd>分销商常见问题</dd>
                </a>
                <a href="{% url 'user:udai_article8' %}">
                    <dd>付款账户</dd>
                </a>
            </dl>
            <dl class="user-center__nav">
                <dt>X袋网</dt>
                <a href="{% url 'user:udai_article10' %}">
                    <dd>企业简介</dd>
                </a>
                <a href="{% url 'user:udai_article11' %}">
                    <dd>加入X袋</dd>
                </a>
                <a href="{% url 'user:udai_article12' %}">
                    <dd>隐私说明</dd>
                </a>
            </dl>
        </div>
        {% block siyou %}

            <div class="pull-right">
                <div class="user-center__info bgf">
                    <div class="pull-left clearfix">
                        <div class="port b-r50 pull-left">
                            <img src="{{ user.userinfo_set.get.head_photo }}" alt="用户名" class="cover b-r50">
                            <a href="{% url "user:udai_setting" %}" class="edit"><i class="iconfont icon-edit"></i></a>
                        </div>
                        <p class="name text-nowrap">您好，{{ user.username }}</p>
                        <p class="level text-nowrap">身份：{{ user.userinfo_set.get.vip }} <a
                                href="{% url 'user:agent_level' %}">提升</a></p>
                    </div>
                    <div class="pull-right user-nav">
                        <a href="{% url 'order:udai_order' 1%}" class="user-nav__but">
                            <i class="iconfont icon-rmb fz40 cr"></i>
                            <div class="c6">待支付 <span class="cr">1</span></div>
                        </a>
                        <a href="{% url 'order:udai_order' 1%}" class="user-nav__but">
                            <i class="iconfont icon-eval fz40 cr"></i>
                            <div class="c6">待评价 <span class="c3">0</span></div>
                        </a>
                        <a href="{% url 'user:udai_collection' %}" class="user-nav__but">
                            <i class="iconfont icon-star fz40 cr"></i>
                            <div class="c6">收藏 <span class="c3">{{ user.collect_set.all.count }}</span></div>
                        </a>
                        <a href="{% url 'user:udai_coupon' %}" class="user-nav__but">
                            <i class="iconfont icon-quan fz40 cr"></i>
                            <div class="c6">优惠券 <span class="cr">2</span></div>
                        </a>
                        <a href="{% url 'user:udai_integral' %}" class="user-nav__but">
                            <i class="iconfont icon-jifen fz40 cr"></i>
                            <div class="c6">积分 <span class="cr">{{ user.userinfo_set.get.integral }}</span></div>
                        </a>
                        <a href="{% url 'user:udai_message' %}" class="user-nav__but">
                            <i class="iconfont icon-xiaoxi fz40 cr"></i>
                            <div class="c6">消息 <span class="cr">2</span></div>
                        </a>
                    </div>
                </div>
                <div class="order-list__div bgf">
                    <div class="user-title">
                        我的订单<span class="c6">（显示最新三条）</span>
                        <a href="" class="pull-right">查看所有订单></a>
                    </div>
                    <div class="order-panel">
                        <ul class="nav user-nav__title" role="tablist">
                            <li role="presentation" class="nav-item active"><a href="#all" aria-controls="all"
                                                                               role="tab"
                                                                               data-toggle="tab">所有订单</a></li>
                            <li role="presentation" class="nav-item "><a href="#pay" aria-controls="pay" role="tab"
                                                                         data-toggle="tab">待付款 <span class="cr">0</span></a>
                            </li>
                            <li role="presentation" class="nav-item "><a href="#emit" aria-controls="emit" role="tab"
                                                                         data-toggle="tab">待发货 <span class="cr">0</span></a>
                            </li>
                            <li role="presentation" class="nav-item "><a href="#take" aria-controls="take" role="tab"
                                                                         data-toggle="tab">待收货 <span class="cr">0</span></a>
                            </li>
                            <li role="presentation" class="nav-item "><a href="#eval" aria-controls="eval" role="tab"
                                                                         data-toggle="tab">待评价 <span class="cr">0</span></a>
                            </li>
                        </ul>

                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="all">
                                <table class="table text-center">
                                    <tr>
                                        <th width="380">商品信息</th>
                                        <th width="85">单价</th>
                                        <th width="85">数量</th>
                                        <th width="120">实付款</th>
                                        <th width="120">交易状态</th>
                                        <th width="120">交易操作</th>
                                    </tr>
                                    {% for foo in my_order %}
                                        <tr class="order-item">
                                            <td>
                                                <label>
                                                    <div class="num">
                                                        <!-- <input type="checkbox"> -->
                                                        {{ foo.create_time }} 订单号: {{ foo.code }}
                                                    </div>
                                                    <div class="card">
                                                        <div class="img"><img
                                                                src="{{ foo.goods.image }}"
                                                                alt="" class="cover"></div>
                                                        <div class="name ep2">{{ foo.goods.name }}</div>
                                                        <div class="format">颜色分类：{{ foo.goods.color }}</div>
{#                                                        //<div class="favour">使用优惠券：优惠¥2.00</div>#}
                                                    </div>
                                                </label>
                                            </td>
                                            <td>${{ foo.goods.price }}</td>
                                            <td>{{ foo.num }}</td>
                                            <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                            <td class="state">
                                                <a class="but c6">等待收货</a>
                                                <a href="udai_mail_query.html" class="but cr">查看物流</a>
                                                <a href="" class="but c9">订单详情</a>
                                            </td>
                                            <td class="order">
                                                <a href="../udai_order_receipted.html" class="but but-primary">确认收货</a>
                                                <!-- <a href="" class="but but-link">评价</a> -->
                                                <a href="../udai_apply_return.html" class="but c3">退款/退货</a>
                                            </td>
                                        </tr>
                                    {% endfor %}


                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="pay">
                                <table class="table text-center">
                                    <tr>
                                        <th width="380">商品信息</th>
                                        <th width="85">单价</th>
                                        <th width="85">数量</th>
                                        <th width="120">实付款</th>
                                        <th width="120">交易状态</th>
                                        <th width="120">交易操作</th>
                                    </tr>
                                    <tr class="order-empty">
                                        <td colspan='6'>
                                            <div class="empty-msg">最近没有任何订单，家里好像缺了点什么！<br><a href="#">要不瞧瞧去？</a>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="emit">
                                <table class="table text-center">
                                    <tr>
                                        <th width="380">商品信息</th>
                                        <th width="85">单价</th>
                                        <th width="85">数量</th>
                                        <th width="120">实付款</th>
                                        <th width="120">交易状态</th>
                                        <th width="120">交易操作</th>
                                    </tr>
                                    <tr class="order-item">
                                        <td>
                                            <label>
                                                <div class="num">
                                                    <!-- <input type="checkbox"> -->
                                                    2017-03-30 订单号: 2669901385864042
                                                </div>
                                                <div class="card">
                                                    <div class="img"><img
                                                            src="{% static 'images/temp/item-img_1.jpg' %}"
                                                            alt="" class="cover"></div>
                                                    <div class="name ep2">纯色圆领短袖T恤活动衫弹力柔软纯色圆领短袖T恤</div>
                                                    <div class="format">颜色分类：深棕色 尺码：均码</div>
                                                    <div class="favour">使用优惠券：优惠¥2.00</div>
                                                </div>
                                            </label>
                                        </td>
                                        <td>$100</td>
                                        <td>1</td>
                                        <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                        <td class="state">
                                            <a class="but c6">等待发货</a>
                                            <a href="" class="but c9">订单详情</a>
                                        </td>
                                        <td class="order">
                                            <a href="" class="but but-primary">确认收货</a>
                                            <a href="" class="but c3">退款/退货</a>
                                        </td>
                                    </tr>
                                    <tr class="order-item">
                                        <td>
                                            <label>
                                                <div class="num">
                                                    <!-- <input type="checkbox"> -->
                                                    2017-03-30 订单号: 2669901385864042
                                                </div>
                                                <div class="card">
                                                    <div class="img"><img
                                                            src="{% static 'images/temp/item-img_1.jpg' %}"
                                                            alt="" class="cover"></div>
                                                    <div class="name ep2">纯色圆领短袖T恤活动衫弹力柔软纯色圆领短袖T恤</div>
                                                    <div class="format">颜色分类：深棕色 尺码：均码</div>
                                                    <div class="favour">使用优惠券：优惠¥2.00</div>
                                                </div>
                                            </label>
                                        </td>
                                        <td>$100</td>
                                        <td>1</td>
                                        <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                        <td class="state">
                                            <a class="but c6">等待发货</a>
                                            <a href="" class="but c9">订单详情</a>
                                        </td>
                                        <td class="order">
                                            <a href="../udai_order_receipted.html" class="but but-primary">确认收货</a>
                                            <a href="../udai_apply_return.html" class="but c3">退款/退货</a>
                                        </td>
                                    </tr>
                                    <tr class="order-item">
                                        <td>
                                            <label>
                                                <div class="num">
                                                    <!-- <input type="checkbox"> -->
                                                    2017-03-30 订单号: 2669901385864042
                                                </div>
                                                <div class="card">
                                                    <div class="img"><img
                                                            src="{% static 'images/temp/item-img_1.jpg' %}"
                                                            alt="" class="cover"></div>
                                                    <div class="name ep2">纯色圆领短袖T恤活动衫弹力柔软纯色圆领短袖T恤</div>
                                                    <div class="format">颜色分类：深棕色 尺码：均码</div>
                                                    <div class="favour">使用优惠券：优惠¥2.00</div>
                                                </div>
                                            </label>
                                        </td>
                                        <td>$100</td>
                                        <td>1</td>
                                        <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                        <td class="state">
                                            <a class="but c6">等待发货</a>
                                            <a href="" class="but c9">订单详情</a>
                                        </td>
                                        <td class="order">
                                            <a href="../udai_order_receipted.html" class="but but-primary">确认收货</a>
                                            <a href="../udai_apply_return.html" class="but c3">退款/退货</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="take">
                                <table class="table text-center">
                                    <tr>
                                        <th width="380">商品信息</th>
                                        <th width="85">单价</th>
                                        <th width="85">数量</th>
                                        <th width="120">实付款</th>
                                        <th width="120">交易状态</th>
                                        <th width="120">交易操作</th>
                                    </tr>
                                    <tr class="order-empty">
                                        <td colspan='6'>
                                            <div class="empty-msg">最近没有任何订单，家里好像缺了点什么！<br><a
                                                    href="../item_category.html">要不瞧瞧去？</a>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="eval">
                                <table class="table text-center">
                                    <tr>
                                        <th width="450">商品信息</th>
                                        <th width="85">单价</th>
                                        <th width="85">数量</th>
                                        <th width="120">实付款</th>
                                        <th width="120">交易状态</th>
                                        <th width="120">交易操作</th>
                                    </tr>
                                    <tr class="order-item">
                                        <td>
                                            <label>
                                                <div class="num">
                                                    <!-- <input type="checkbox"> -->
                                                    2017-03-30 订单号: 2669901385864042
                                                </div>
                                                <div class="card">
                                                    <div class="img"><img
                                                            src="{% static 'images/temp/item-img_1.jpg' %}"
                                                            alt="" class="cover"></div>
                                                    <div class="name ep2">纯色圆领短袖T恤活动衫弹力柔软纯色圆领短袖T恤</div>
                                                    <div class="format">颜色分类：深棕色 尺码：均码</div>
                                                    <div class="favour">使用优惠券：优惠¥2.00</div>
                                                </div>
                                            </label>
                                        </td>
                                        <td>$100</td>
                                        <td>1</td>
                                        <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                        <td class="state">
                                            <a class="but c6">交易成功</a>
                                            <a href="udai_mail_query.html" class="but cr">查看物流</a>
                                            <a href="" class="but c9">订单详情</a>
                                        </td>
                                        <td class="order">
                                            <a href="" class="but but-link">评价</a>
                                            <a href="" class="but c3">取消订单</a>
                                        </td>
                                    </tr>
                                    <tr class="order-item">
                                        <td>
                                            <label>
                                                <div class="num">
                                                    <!-- <input type="checkbox"> -->
                                                    2017-03-30 订单号: 2669901385864042
                                                </div>
                                                <div class="card">
                                                    <div class="img"><img
                                                            src="{% static 'images/temp/item-img_1.jpg' %}"
                                                            alt="" class="cover"></div>
                                                    <div class="name ep2">纯色圆领短袖T恤活动衫弹力柔软纯色圆领短袖T恤</div>
                                                    <div class="format">颜色分类：深棕色 尺码：均码</div>
                                                    <div class="favour">使用优惠券：优惠¥2.00</div>
                                                </div>
                                            </label>
                                        </td>
                                        <td>$100</td>
                                        <td>1</td>
                                        <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                        <td class="state">
                                            <a class="but c6">交易成功</a>
                                            <a href="udai_mail_query.html" class="but cr">查看物流</a>
                                            <a href="" class="but c9">订单详情</a>
                                        </td>
                                        <td class="order">
                                            <a href="" class="but but-link">评价</a>
                                            <a href="" class="but c3">取消订单</a>
                                        </td>
                                    </tr>
                                    <tr class="order-item">
                                        <td>
                                            <label>
                                                <div class="num">
                                                    <!-- <input type="checkbox"> -->
                                                    2017-03-30 订单号: 2669901385864042
                                                </div>
                                                <div class="card">
                                                    <div class="img"><img
                                                            src="{% static 'images/temp/item-img_1.jpg' %}"
                                                            alt="" class="cover"></div>
                                                    <div class="name ep2">纯色圆领短袖T恤活动衫弹力柔软纯色圆领短袖T恤</div>
                                                    <div class="format">颜色分类：深棕色 尺码：均码</div>
                                                    <div class="favour">使用优惠券：优惠¥2.00</div>
                                                </div>
                                            </label>
                                        </td>
                                        <td>$100</td>
                                        <td>1</td>
                                        <td>$1000<br><span class="fz12 c6 text-nowrap">(含运费: ¥0.00)</span></td>
                                        <td class="state">
                                            <a class="but c6">交易成功</a>
                                            <a href="udai_mail_query.html" class="but cr">查看物流</a>
                                            <a href="" class="but c9">订单详情</a>
                                        </td>
                                        <td class="order">
                                            <a href="" class="but but-link">评价</a>
                                            <a href="" class="but c3">取消订单</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="recommends">
                    <div class="lace-title type-2">
                        <span class="cr">爆款推荐</span>
                    </div>
                    <div class="swiper-container recommends-swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-1_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-2_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-3_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-4_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-5_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-1_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-2_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-3_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-4_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-5_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-1_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-2_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-3_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-4_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-5_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-1_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-2_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-3_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-4_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-5_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-1_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-2_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-3_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-4_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="{% static 'images/temp/S-001-5_s.jpg' %}" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <script>
                        $(document).ready(function () {
                            var recommends = new Swiper('.recommends-swiper', {
                                spaceBetween: 40,
                                autoplay: 5000,
                            });

                        });
                    </script>
                </div>
            </div>
        {% endblock %}

    </section>
</div>
<!-- 右侧菜单 -->

<div class="right-nav">
    <ul class="r-with-gotop">
        <li class="r-toolbar-item">
            <a href="{% url 'user:udai_welcome' %}" class="r-item-hd">
                <i class="iconfont icon-user" data-badge="0"></i>
                <div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="{% url 'shippingcart:udai_shopcart' %}" class="r-item-hd">
                <i class="iconfont icon-cart"></i>
                <div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="{% url 'user:udai_collection' %}" class="r-item-hd">
                <i class="iconfont icon-aixin"></i>
                <div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="" class="r-item-hd">
                <i class="iconfont icon-liaotian"></i>
                <div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
            </a>
        </li>
        <li class="r-toolbar-item">
            <a href="{% url 'user:issues' %}" class="r-item-hd">
                <i class="iconfont icon-liuyan"></i>
                <div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
            </a>
        </li>
        <li class="r-toolbar-item to-top">
            <i class="iconfont icon-top"></i>
            <div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
        </li>
    </ul>
    <script>
        $(document).ready(function () {
            $('.to-top').toTop({position: false})
        });
    </script>
</div>
l


<!-- 底部信息 -->
<div class="footer">
    <div class="footer-tags">
        <div class="tags-box inner">
            <div class="tag-div">
                <img src="{% static 'images/icons/footer_1.gif' %}" alt="厂家直供">
            </div>
            <div class="tag-div">
                <img src="{% static 'images/icons/footer_2.gif' %}" alt="一件代发">
            </div>
            <div class="tag-div">
                <img src="{% static 'images/icons/footer_3.gif' %}" alt="美工活动支持">
            </div>
            <div class="tag-div">
                <img src="{% static 'images/icons/footer_4.gif' %}" alt="信誉认证">
            </div>
        </div>
    </div>
    <div class="footer-links inner">
        <dl>
            <dt>X袋网</dt>
            <a href="{% url 'user:udai_article10' %}">
                <dd>企业简介</dd>
            </a>
            <a href="{% url 'user:udai_article11' %}">
                <dd>加入X袋</dd>
            </a>
            <a href="{% url 'user:udai_article12' %}">
                <dd>隐私说明</dd>
            </a>
        </dl>
        <dl>
            <dt>服务中心</dt>
            <a href="{% url 'user:udai_article1' %}">
                <dd>售后服务</dd>
            </a>
            <a href="{% url 'user:udai_article2' %}">
                <dd>配送服务</dd>
            </a>
            <a href="{% url 'user:udai_article3' %}">
                <dd>用户协议</dd>
            </a>
            <a href="{% url 'user:udai_article4' %}">
                <dd>常见问题</dd>
            </a>
        </dl>
        <dl>
            <dt>新手上路</dt>
            <a href="{% url 'user:udai_article5' %}">
                <dd>如何成为代理商</dd>
            </a>
            <a href="{% url 'user:udai_article6' %}">
                <dd>代销商上架教程</dd>
            </a>
            <a href="{% url 'user:udai_article7' %}">
                <dd>分销商常见问题</dd>
            </a>
            <a href="{% url 'user:udai_article8' %}">
                <dd>付款账户</dd>
            </a>
        </dl>
    </div>
    <div class="copy-box clearfix">
        <ul class="copy-links">
            <a href="{% url 'user:agent_level' %}">
                <li>网店代销</li>
            </a>
            <a href="{% url 'user:class_room' %}">
                <li>X袋学堂</li>
            </a>
            <a href="{% url 'user:udai_about' %}">
                <li>联系我们</li>
            </a>
            <a href="{% url 'user:udai_article10' %}">
                <li>企业简介</li>
            </a>
            <a href="{% url 'user:udai_article5' %}">
                <li>新手上路</li>
            </a>
        </ul>
        <!-- 版权 -->
        <p class="copyright">
            © 2005-2018 X袋网 版权所有，并保留所有权利。 技术支持：<a style="font-family:'Microsoft Yahei'; color:#666;"
                                                  href="http://www.jsdaima.com/" title="js代码"
                                                  target="_blank">js代码</a><br>
            ICP备案证书号：ICP备XXXXXXXX号&nbsp;&nbsp;&nbsp;&nbsp;中国北京朝阳区环球国际金融中心大厦99F&nbsp;&nbsp;&nbsp;&nbsp;Tel: 18888888888&nbsp;&nbsp;&nbsp;&nbsp;E-mail:
            18888888888@qq.com
        </p>
    </div>
</div>
</body>
</html>